<!DOCTYPE html>
<html lang="en">
<head>
    <title>Nosotros</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/slider.css">
    <link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:400,700' rel='stylesheet' type='text/css'>
    <script src="js/jquery-1.7.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/tms-0.4.1.js"></script>
    <script>
		$(document).ready(function(){				   	
			$('.slider')._TMS({
				show:0,
				pauseOnHover:true,
				prevBu:'.prev',
				nextBu:'.next',
				playBu:false,
				duration:800,
				preset:'fade',
				pagination:true,
				pagNums:false,
				slideshow:7000,
				numStatus:false,
				banners:false,
				waitBannerAnimation:false,
				progressBar:false
			})		
		});
	</script>
	<!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
    	<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
	<![endif]-->
</head>
<body>
  <div class="main">
  <!--==============================header=================================-->
    <header>
        <h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
        <div class="contenidoNormal">  
            <ul class="menu">
                <li><a href="index.html" class="clr-1">Inicio</a></li>
                <li class="current"><a href="about.html" class="clr-2">Nosotros</a></li>
                <li><a href="schedule.html" class="clr-3">Horarios</a></li>
                <li><a href="gallery.html" class="clr-4">Galerías</a></li>
                <li><a href="contacts.html" class="clr-5">Contacto</a></li>
            </ul>
         </div>
    </header>   
  <!--==============================content================================-->
    <section id="content">
        <div class="container_12">	
          <div class="grid_4 bot-1">
            <h2 class="top-6 p2">Profesores</h2>
            <p class="text-1 p3">Julián Gerrero</p>
            <p>Educador especial para niños con discapacidad, especialidad en oleo. Tutor de niños de 3 años <a href="#" class="link">Más...</a></p>
            <p class="text-1 top-2 p3">Elena pastor</p>
            <p>Educadora en arte además de interpretadora en lenguajes de signo. Tutora de niños de 5 años <a href="#" class="link">Más...</a></p>
            <p class="text-1 top-2 p3">Jesica Murray</p>
            <p>Educador especial para niños con discapacidad, especialidad en oleo. Tutor de niños de 6 año<a href="#" class="link">Más...</a></p>
          </div>
          <div class="grid_8">
            <div class="block-1 top-5">
            	<div class="block-1-shadow">
                	<h2 class="clr-6 p6">Un poco de nosotros</h2>
                    <p class="clr-6"><strong>Guardería virtual para actualizar fichas diarias de los alumnos </strong></p>
					<p class="clr-6">Una guardería es la encargada de la gestión de los datos de los tutores, familiares y niños. Cada guardería es una comunidad independiente, no deben aparecer datos de otros niños pertencientes a otras guarderías.</p>
                    <div class="pad-3">
                    	<img src="images/page2-img1.jpg" alt="" class="img-border img-indent">
                        <div class="extra-wrap clr-6">
                        	<p><strong>Todo familiar debe:</strong></p>
                            <p>tener vínculo con los niños, sea familiar o legal. No es único para que exista la posibilidad de tener / mostrar / enviar / recibir información individual
  								Un familiar puede tener 1 o mas niños en 1 o mas guarderías.</p>
                        </div>
                    </div>
                    <h2 class="clr-6 p6">Niños</h2>
                    <p class="clr-6"><strong>Son la entidad principal</strong></p>
					<p class="clr-6">Debe tener al menos la siguiente información estática y dinámica</p>
                    <div class="lists">
                    	<ul class="list-2">
                        	<li><a href="#">Foto</a></li>
                        	<li><a href="#">Nombre y apellidos</a></li>
                        	<li><a href="#">Sexo</a></li>
                        	<li><a href="#">Fecha de nacimiento</a></li>
                        	<li><a href="#">Familiares</a></li>
                        </ul>
                        <ul class="list-2 last">
                        	<li><a href="#"><b>Agenda diaria actualizada por:</b></a></li>
                            <li><a href="#">Profesores</a></li>
                            <li><a href="#">Padres</a></li>
                        </ul>
                    </div>
                    <div class="pad-2">
                    	<a href="#" class="link-2">Leer más</a>
                    </div>
                </div>
            </div>
            <!--==============================footer=================================-->
             <footer>
                <p>© 2013 Art School</p>
                <p>Plantilla creada por <a class="link" href="http://www.maxline.es/" target="_blank" rel="nofollow">www.maxline.es</a></p>
            </footer>  
          </div>
          <div class="clear"></div>
        </div>
    </section>    
   </div>      
</body>
</html>